page-all-ranking {
  .allNum{
    padding: 10px 0 10px 15px;
    font-size: 16px;
  }
  .rank-list{
    list-style: none;
    padding: 0 15px;
    li{
      display: flex;
      flex-direction: row;
      border-bottom: 1px solid #ccc;
      padding: 0 0 15px 0;
      div{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        &.rank-num{
          flex: 2;
          font-size: 18px;
        }
        &.rank-userImg{
          flex: 3;
          margin: 0 5px;
        }
        &.rank-userName{
          flex: 8;
          align-items: flex-start;
          p:first-of-type{
            font-size: 18px;
            margin-bottom: 5px;
          }
          p:last-of-type{
            color: #cc0000;
          }
        }
        &.rank-score{
          flex: 6;
          align-items: flex-end;
          p:first-of-type{
            margin-bottom: 5px;
          }
        }
        p{
          margin: 0;
        }
        img{
          border-radius: 50%;
          width: 100%;
          height: auto;
        }
      }
    }
  }
}
